<template>
  <div class="mpmp">
      <van-sticky>
         <Detailszi/>
      </van-sticky>
      <!-- <Lunbo/> -->
      <Det v-for="(v,i) in arr" :key="i" :cakename="v.cakename" :cakeimage="v.cakeimage" :cakebrief="v.cakebrief" :cakeprice="v.cakeprice" :cakeoriginal="v.cakeoriginal" :cakescore="v.cakescore" :scorenum="v.scorenum" :brandname="v.brandname" :brandimage="v.brandimage"/>
             <div class="bot">
                 <div class="zi">
                     <span class="iconfont icon-line"></span>咨询
                 </div>
                 <div class="buy">
                     立即订购
                 </div>
             </div>
 </div>
</template>

<script>
import Detailszi from "c/cakeC/detailszi.vue";
import Det from "c/cakeC/det.vue"
// import Lunbo from "c/lunbo.vue";
import {getlink} from "@/api/getapi"
export default {
  components: {
    Detailszi,
    Det,
    //  Lunbo,
  },
  data(){
    return{
      arr:[
       
      ]
    }
  },
 mounted(){
   getlink("/details/data").then((ok)=>{
     console.log(ok)
     this.arr=ok.data.data
   })
 }
};


</script>

<style scoped>

.bot{
    width: 100%;
    display: flex;
    line-height: 0.45rem;
     font-size: 0.14rem;
     position: fixed;  
     bottom: 0;
}
.zi .iconfont{
    color: turquoise;
    margin-right: 0.05rem;
    margin-left: 0.02rem;
    font-size: 0.2rem;
}
.zi{
    width: 30%;
    background-color: white;
}
.buy{
    width: 70%;
    text-align: center;
    background-color: red;
    color: white;
    font-size: 0.14rem;
}
</style>